<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/dist/index.min.css">
    <link rel="stylesheet" href="../../bootstarp/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/dist/detail.min.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../../html/Ajax.js"></script>
    <script src="../../html/获得Cookie方法.js"></script>
    <script src="../../html/设置Cookie方法.js"></script>
    <style>
   
    </style>
</head>
<body>
    <div class="box">
          <!-- 回到顶部 -->
          <button class="top"><img src="../img/top.png" alt=""></button>


          <!-- 头部 -->
          <div class="head conner">
              <h1>
                  <a href="../html/shouye.html">
                      <img src="../img/logo.png" alt="名创">
                  </a>
              </h1>
  
              <!-- 搜索 -->
              <div class="search">
                  <input type="text" placeholder="随便搜，啥都有！" id="searchkey">
                  <span class=" suosuo glyphicon glyphicon-search" id="searchkbtn"></span>
              </div>
  
              <ul class="headul">
                  <li class=""><a href="./shouye.html">首页</a></li>
                  <li><a href="./list.html">商品列表</a></li>
                  <li>|</li>
                  <li class="car"><a href="#">我的购物车</a></li>
                  <li>|</li>
                  <li><a href="#">网站导航</a></li>
                  <li>|</li>
                  <li><a href="#">外部链接</a></li>
              </ul>
              <p>
                  <span>你好，</span><i id="login">请登录</i><em class="exitdegnlu">退出登录</em>
              </p>
          </div>
    </div>
    <div class="boxdetail conner">
        <!-- <h5><i>手机通讯</i>><i>手机</i>><i>小米6</i></h5>

        <div class="show">
            <img src="../img/天官赐福banner.jpg" />
            <div class="mask"></div>
        </div>
        <div class="list">
            <p class="active">
                <img midelImg="../img/天官赐福banner.jpg" bigImg="../img/天官赐福banner.jpg" src="../img/天官赐福banner.jpg" />
            </p>
            <p>
                <img midelImg="../img/名创x可口可乐官网.jpg" bigImg="../img/名创x可口可乐官网.jpg" src="../img/名创x可口可乐官网.jpg" />
            </p>
            <p>
                <img midelImg="../img/官网首屏轮播.jpg" bigImg="../img/官网首屏轮播.jpg" src="../img/官网首屏轮播.jpg" />
            </p>
            <p>
                <img midelImg="../img/腾讯QQ天生企鹅.jpg" bigImg="../img/腾讯QQ天生企鹅.jpg" src="../img/腾讯QQ天生企鹅.jpg" />
            </p>
            <p>
                <img midelImg="../img/官网首页滚动大图.jpg" bigImg="../img/官网首页滚动大图.jpg" src="../img/官网首页滚动大图.jpg" />
            </p>
        </div>
        <div class="enlarge">
        </div>

        <div class="itemInfo-wrap container">
            <div class="media-body">
                <h4 class="media-heading">小米 Redmi 小米 红米Note9pro/【享11重好礼】红米 Note9PRO5G手机全网通 湖光秋色 全网通8GB+256GB
                </h4>
                <div class="price">
                    <i class="glyphicon glyphicon-yen"></i>
                    <span>199.8</span>
                </div>
                <div class="btn-group" role="group" aria-label="...">
                    <button type="button" class="btn btn-default">XL</button>
                    <button type="button" class="btn btn-default">L</button>
                    <button type="button" class="btn btn-default">M</button>
                    <button type="button" class="btn btn-default">S</button>
                    <button type="button" class="btn btn-default">XS</button>
                </div>

                <div>
                    <button class="btn btn-warning btn-lg">立即购买</button>
                    <button class="btn btn-danger btn-lg">加入/查看购物车</button>
                </div>
            
            </div>

        </div>
        <div class="detailintroduce">
            dsdsds
        </div> -->
    </div>
    <script src="../js/details.js"></script>
</body>
</html>